@charset "utf-8";

@media(max-width:1260px){
    .head .w65{
        width: 80%;
    }
}

@media(max-width:1370px){
    .footer .index-contact{
        display: none;
    }
}

@media(max-width:1200px){

}


@media(max-width:1023px){
    .head{
        height: 48px;
    }

    .head .logo{
        display: block;
        margin: 10px 0 0;
    }

    .head .logo img{
        width: 50%;
    }

    .head .w65{
        width: auto;
    }

    .w65 .nav{
        display: none;
    }
    
    .w65 > .fr{
        display: none;
    }

    .head .nav-btn{
        display: block;
        float: right;
        width: 26px;
        padding: 10px 0 0;
    }

    .head .nav-btn img{
        width: 100%;
        cursor: pointer;
    }

    .head .m-nav{
        display: block;
        position: absolute;
        top: 48px;
        margin: 0;
        width: 100%;
        background: #f5f5f5;
        padding: 24px;
        overflow: auto;
        max-height: 600px;
    }

    .head .m-nav > li{
        line-height: 36px;
        margin: 5px;
        border-bottom: 1px solid #dcdcdc;
        line-height: 50px;
        font-size: 16px;
        position: relative;
    }

    .head .m-nav .cur > a{
        color: #fff;
    }

    .head .m-nav > li > a{
        display: block;
        width: 100%;
        padding: 0 30px;
        color: #000;
    }

    .head .m-nav li ul li{
        line-height: 44px;
    }

    .head .m-nav li ul li a{
        display: block;
        width: 100%;
        padding: 0 30px;
        color: #7a7a7a;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .head .m-nav .li-show{
        position: relative;
    }

    .head .m-nav .li-show .a-icon{
        position: absolute;
        width: 18px;
        height: 18px;
        right: 0;
        top: 16px;
        background: url(../images/icon_jiahao.png) no-repeat center;
        background-size: 18px;
    }

    .head .m-nav .li-show.cur .a-icon{
        background: url(../images/icon_jianhao.png) no-repeat center;
        background-size: 18px auto;
    }

    .head .m-nav .li-show.cur > a{
        background-color: #ea2c21;
    }



    /* banner */

    .banner{
        padding-top: 48px;
    }


    /* 首页关于我们 */

    .index-about-wrap .about-box{
        width: 100%;
    }

    .index-honor{
        margin-bottom: 80px;
    }


    /* 页脚 */

    .footer-bg .footer{
        display: none;
    }

    .footer-bg .copyright{
        display: none;
    }

    .footer-fix{
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ea2c21;
        line-height: 50px;
        z-index: 99;
    }

    .footer-fix .col{
        flex:1;
        text-align: center;
    }

    .footer-fix .col{
        flex: 1;
        text-align: center;
    }
    
    .footer-fix .col img{
        display: inline-block;
        width: 32px;
    }
    
    .footer-fix .col span{
        display: inline-block;
        vertical-align: middle;
        line-height: 50px;
        font-size: 16px;
        color: #fff;
    }


    /* 关于我们 */

    .ul-shadow{
        box-shadow:none;
        border-bottom: 1px solid #ccc;
    }

    .common-nav li{
        float: left;
        width: 50%;
        margin: 0;
        height: 66px;
        line-height: 66px;
        border: 1px solid #ccc;
        border-left: none;
        border-top: none;
        text-align: center;
    }

    .common-nav .li-none{
        margin: 0;
    }

    .common-nav li a{
        padding: 0;
        font-size: 24px;
        color: #333;
    }

    .common-nav .cur,
    .common-nav li:hover{
        background: #ea2c21;
        border: none;
    }

    .common-nav .cur a,
    .common-nav li:hover a{
        color: #fff;
    }


    /* 产品详情 */

    .pro-show-wrap .pro-show-wrap-pic{
        float: left;
        width: 100%;
        height: auto;
    }

    .pro-show-wrap .pro-show-wrap-pic img{
        display: block;
        width: 100%;
    }

    .pro-show-wrap .pro-show-info{
        width: 100%;
        height: auto;
        padding: 15px;
    }

}

@media(max-width:768px){
    /* banner */

    .banner .banner-container .swiper-pagination{
        bottom: 10px;
    }

    .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        width: 34px;
        height: 2px;
        background: #fff;
        border-radius: 0;
        opacity: 1;
    }

    .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #d62d14;
    }
 
    .container-1680{
        margin: 0 auto;
    }


    /* 首页产品 */

    .common-title1 h1{
        padding-top: 20px;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .common-title1 .bar{
        width: 30px;
        height: 2px;
        margin: 0 auto 5px;
    }

    .common-title1 h2{
        font-size: 18px;
    }

    .pro-wrap{
        margin-top: 15px;
    }

    .pro-wrap .col.col2{
        margin: 10px 0;
    }

    .pro-wrap .col{
        width: 100%;
        margin: 10px 0;
    }

    /* .pro-wrap .col:nth-child(2n),
    .pro-wrap .col.col3{
        margin: 10px 0 10px 4%;
    } */

    .pro-wrap .col:nth-child(3n+2){
        margin: 10px 0;
    }

    .pro-info span{
        font-size: 16px;
    }

    .pro-info p{
        margin-top: 15px;
    }


    /* 关于我们 */

    .index-about{
        background: url(../images/company.png) no-repeat bottom 220px right 15px;
        background-size: 216px 38px;
    }

    .index-about-wrap .about-info{
        position: relative;
        top: 0;
        width: 100%;
        padding: 15px 15px 40px;
        margin-top: 80px;
        background-size: 55px 25px;
        background-position: top 15px right 15px;
        transform: translate(0);
    }

    .index-about-wrap .about-info h1{
        margin-bottom: 15px;
        font-size: 18px;
        color: #000;
    }

    .index-about-wrap .about-info p{
        font-size: 14px;
        line-height: 24px;
    }

    .about-more{
        position: absolute;
        bottom: -18px;
        height: 36px;
        width: 160px;
        line-height: 36px;
    }


    /* 首页荣誉 */

    .index-honor{
        margin-top: 20px;
    }

    .index-honor .index-honor-container{
        padding: 15px 0 30px;
    }

    .index-honor .index-honor-info{
        margin-top: 10px;
    }

    
    /* common-nav */
    
    .common-nav li a{
        font-size: 14px;
        line-height: 34px;
        height: 34px;
    }
    
    .common-nav li{
        height: 34px;
        line-height: 34px;
    }
    
    .common-title2{
        margin-top: 25px;
        padding: 0 15px;
    }

    .common-title2 i img{
        display: block;
        width: 18px;
    }

    .common-title2 h1{
        font-size: 18px;
    }

    .common-title2 span{
        font-size: 18px;
    }

    .container-1282{
        margin:  0 auto 80px;
    }

    /* 关于我们 */

    .about .common-title2{
        background: url(../images/icon_about.png) no-repeat center right 15px;
    }

    .about .about-info p{
        margin: 20px auto;
        font-size: 14px;
    }

    .about .about-info img{
        margin: 20px auto;
    }


    /* product */

    .product .pro-wrap{
        padding: 0 15px;
    }


    /* productshow */

    .pro-show{
        padding: 0 15px;
    }

    .pro-show-wrap{
        margin-top: 25px;
    }

    .pro-show-wrap .pro-show-info h1{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .principle .principle-info{
        padding: 0 15px;
    }

    .principle .principle-info p{
        margin: 20px auto;
        font-size: 14px;
        line-height: 24px;
    }

    .principle .principle-info img{
        margin: 20px auto;
    }

    .pro-show .pro-show-box .pro-table{
        overflow: auto;
    }
    
    .pro-show .pro-show-box .pro-table td{
        padding: 10px;
    }

    .pro-show-wrap .pro-overflow{
        max-height: inherit;
    }

    /* 联系我们 */

    .contact .contact-info{
        display: flex;
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .contact .contact-info .col{
        display: flex;
        width: 100%;
        margin: 10px 2%;
        text-align: left;
    }

    .contact .contact-info .col i img{
        width: 60%;
        height: auto;
    }

    .contact .contact-info .col .col-info{
        width: 80%;
        margin-top: 0;
        margin-left: 0;
        font-size: 14px;
    }

    .contact .contact-info .col .col-info span{
        display: block;
        float: inherit;
        width: auto;
        font-size: 14px;
        text-align: left;
        font-weight: bold;
    }

    .contact .contact-info .col .col-info font{
        display: block;
        width: auto;
        font-size: 14px;
        white-space: nowrap;
    }

    .map{
        height: 300px;
    }


    /* 公司荣誉 */

    .honor-wrap{
        margin-top: 25px;
        padding: 0 15px;
    }

    .honor-wrap .honor-box{
        width: 48%;
        margin: 10px 0;
    }

    .honor-wrap .honor-box:nth-child(2n),
    .honor-wrap .honor-box3{
        margin: 10px 0 10px 4%;
    }

    .honor-wrap .honor-info p{
        font-size: 14px;
        line-height: 28px;
    }

    .banner .banner_pc{
        display: none;
    }

    .banner .banner_m{
        display: block;
    }

    .banner .sp1 span{
        font-size: 18px;
    }

    .banner .sp2 span{
        font-size: 18px;
    }

}